<ui:component xmlns="http://www.w3.org/1999/xhtml"
              xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:composite="http://java.sun.com/jsf/composite" xmlns:h="http://java.sun.com/jsf/html"
              xmlns:loodel="http://www.ti.bfh.ch/apps/loodel/tag"
        >

    <composite:interface>
        <composite:attribute name="learningEventVoteData" required="true"
                             type="ch.ti.bfh.app.loodel.service.vote.LearningEventVoteData"/>
    </composite:interface>

    <composite:implementation>
        <h:panelGroup id="learningEventInfoSummary" styleClass="well" layout="block"
                      rendered="#{cc.attrs.learningEventVoteData != null}">
            <h2>#{cc.attrs.learningEventVoteData.modul} - #{cc.attrs.learningEventVoteData.groupName}</h2>
            <small>
                <i class="icon-user" title="creater"></i>
                Created by #{cc.attrs.learningEventVoteData.owner.fullName}
                <span> | </span>
                <i class="icon-calendar" title="number of time slots"></i>
                #{cc.attrs.learningEventVoteData.numberOfPossibleTimeSlots}
                <span> | </span>
                <i class="icon-check" title="number of voters"></i>
                #{cc.attrs.learningEventVoteData.numberOfVoters}
                <span> | </span>
                <i class="icon-time" title="Create Time"></i>
                <h:outputText
                        value="#{cc.attrs.learningEventVoteData.createTime}">
                    <loodel:jodaDateTimeConverter pattern="yyyy-MM-dd HH:mm"/>
                </h:outputText>
                <span> | </span>
                <i class="icon-info-sign" title="Learning Event ID"></i>
                #{cc.attrs.learningEventVoteData.learningEventId}
            </small>
            <p>#{cc.attrs.learningEventVoteData.description}</p>
        </h:panelGroup>
    </composite:implementation>

</ui:component>
